<template>
  <div >
    <a-tabs type="card" defaultActiveKey="1" @change="callback" class="tabPage">
      <a-tab-pane tab="内容评论" key="1" >
        <content-list></content-list>
      </a-tab-pane>
      <a-tab-pane tab="活动评论" key="2">
        <activity-list></activity-list>
      </a-tab-pane>
      <a-tab-pane tab="视频评论" key="3">
        <video-list></video-list>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
  import contentList from './ConContentRemarkList'
  import activityList from './ConActivityRemarkList'
  import videoList from './ConVideoRemarkList'
  export default {
    data () {
      return {
        showMenu: true
      }
    },
    methods: {
      callback (value) {
        if (value == 2) {
          this.showMenu = false
        } else {
          this.showMenu = true
        }
      },
      saveFn () {
        this.$refs.userSave.saveFn()
      },
      searchReset () {
        this.$refs.userSave.resetInput()
      }
    },
    components: {
      contentList,
      activityList,
      videoList
    }
  }
</script>

<style>
  .main_info{box-shadow:none;}
  .card-container {
    background: #f5f5f5;
    overflow: hidden;
    padding: 24px;
  }
  .card-container > .ant-tabs-card > .ant-tabs-content {
    margin-top: -16px;
  }

  .card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
    background: #fff;
    padding: 16px;
  }

  .card-container > .ant-tabs-card > .ant-tabs-bar {
    border-color: #fff;
  }

  .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
    border-color: transparent;
    background: transparent;
  }

  .card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
    border-color: #fff;
    background: #fff;
  }
</style>
